<template>
<div>
  <div>
     <van-nav-bar
  left-arrow
 @click-left="$router.back()"
/>
  </div>
<div>
  <van-dropdown-menu>
  <van-dropdown-item title="区域" ref="item">
     <van-cell center title="包邮">
      <template #right-icon>
        <van-switch v-model="switch1" size="24" active-color="#ee0a24" />
      </template>
    </van-cell>
    </van-dropdown-item>
  <van-dropdown-item title="方式" ref="item">
    <van-cell center title="包邮">
      <template #right-icon>
        <van-switch v-model="switch1" size="24" active-color="#ee0a24" />
      </template>
    </van-cell>
  </van-dropdown-item>
  <van-dropdown-item title="租金" ref="item">
     <van-cell center title="包邮">
      <template #right-icon>
        <van-switch v-model="switch1" size="24" active-color="#ee0a24" />
      </template>
    </van-cell>
    </van-dropdown-item>
  <van-dropdown-item title="筛选" ref="item">
    <van-cell center title="包邮">
      <template #right-icon>
        <van-switch v-model="switch1" size="24" active-color="#ee0a24" />
      </template>
    </van-cell>
  </van-dropdown-item>
</van-dropdown-menu>
</div>
</div>
</template>

<script>
// import searchFor from '../components/searchFor.vue'
export default {
  data () {
    return {
      value: 0,
      switch1: false,
      switch2: false,
      option: [
        { text: '全部商品', value: 0 },
        { text: '新款商品', value: 1 },
        { text: '活动商品', value: 2 }
      ]
    }
  },
  methods: {
    onConfirm () {
      this.$refs.item.toggle()
    }
  }
}
</script>

<style>

</style>
